
var delta=0.15
var collection;
function floaters() {
  this.items = [];
  this.addItem= function(id,x,y,content)
	{
	  document.write('<div id='+id+' style="z-index:10; position:absolute; width:80px; height:60px;left:'
	  +(typeof(x)=='string'?eval(x):x)
	  +';top:'+(typeof(y)=='string'?eval(y):y)+'">'
	  +content+'<br /><div style="text-align:center;margin-top:5px;"><a href="javascript:void(0);" onclick='
	  +id+'.style.visibility="hidden"  style="font-size:12px;text-decoration: none">关闭</a></div></div>');
	  var newItem = {};
	  newItem.object= document.getElementById(id);
	  newItem.x= x;
	  newItem.y= y;
	  this.items[this.items.length]= newItem;
	}
	this.playItem = function()
	{
	  collection= this.items
	  setInterval('play()',10);
	}
  }
  
function play()
{
  for(var i=0;i<collection.length;i++)
  {
	var followObj	= collection[i].object;
	var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
	var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

	if(followObj.offsetLeft!=(document.documentElement.scrollLeft+followObj_x)) {
	  var dx=(document.documentElement.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
	  dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
	  followObj.style.left=followObj.offsetLeft+dx;
	  }

	if(followObj.offsetTop!=(document.documentElement.scrollTop+followObj_y)) {
	  var dy=(document.documentElement.scrollTop+followObj_y-followObj.offsetTop)*delta;
	  dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
	  followObj.style.top=followObj.offsetTop+dy;
	  }
	followObj.style.display	= '';
  }
}	
	
var theFloaters	= new floaters();
theFloaters.addItem('followDiv1','document.body.clientWidth-82',0,'<br /><img src="images/m01.jpg" border="0" width="100" height="200">');
theFloaters.addItem('followDiv2',2,0,'<br /><img src="images/m02.jpg" border="0" width="100" height="200">');
theFloaters.playItem();